<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>导航</title>
    <link rel="stylesheet" type="text/css" href="../css/public.css"/>
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
</head>
<body>
<div class="head">
    <div class="wrapper clearfix">
        <div class="clearfix" id="top">
            <h1 class="fl"><a href="index.html"><img src="../img/logo1.jpg"/></a></h1>
            <div class="fr clearfix" id="top1">
                <p class="fl">
                    <a href="#" id="login">登录</a>
                    <a href="#" id="reg">注册</a>
                </p>
                <form action="#" method="get" class="fl">
                    <input type="text" placeholder="热门搜索：h5教程" />
                    <input type="button" />
                </form>
                <div class="btn fl clearfix">
                    <a href="mygxin.html"><img src="../img/grzx.png"/></a>
                    <a href="#" class="er1"><img src="../img/ewm.png"/></a>
                    <a href="cart.html"><img src="../img/gwc.png"/></a>
                    <p><a href="#"><img src="../img/smewm.png"/></a></p>
                </div>
            </div>
        </div>
        <ul class="clearfix" id="bott">
            <li><a href="index.html">首页</a></li>
            <li>
                <a href="#">所有课程</a>
                <div class="sList">
                    <div class="wrapper  clearfix">
                        <a href="paint.html">
                            <dl>
                                <dt><img src="../img/nav1.jpg"/></dt>
                                <dd>html</dd>
                            </dl>
                        </a>
                        <a href="paint.html">
                            <dl>
                                <dt><img src="../img/nav2.jpg"/></dt>
                                <dd>css</dd>
                            </dl>
                        </a>
                        <a href="paint.html">
                            <dl>
                                <dt><img src="../img/nav3.jpg"/></dt>
                                <dd>JavaScript</dd>
                            </dl>
                        </a>
                        <a href="paint.html">
                            <dl>
                                <dt><img src="../img/nav6.jpg"/></dt>
                                <dd>jQuery</dd>
                            </dl>
                        </a>
                        <a href="paint.html">
                            <dl>
                                <dt><img src="../img/nav7.jpg"/></dt>
                                <dd>MySQL</dd>
                            </dl>
                        </a>
                    </div>
                </div>
            </li>
            <li>
                <a href="flowerDer.html">html</a>
                <div class="sList2">
                    <div class="clearfix">
                        <a href="proList.html">标签</a>
                        <a href="vase_proList.html">样式</a>
                    </div>
                </div>
            </li>
            <li>
                <a href="decoration.html">css</a>
                <div class="sList2">
                    <div class="clearfix">
                        <a href="zbproList.html">sass</a>
                        <a href="bzproList.html">less</a>
                    </div>
                </div>
            </li>
            <li><a href="paint.html">PHP</a></li>
            <li><a href="perfume.html">C++</a></li>
            <li><a href="idea.html">JAVA</a></li>
        </ul>
    </div>
</div>
<script src="../js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/nav.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.flexslider-min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function() {
        $('#home_slider').flexslider({
            animation: 'slide',
            controlNav: true,
            directionNav: true,
            animationLoop: true,
            slideshow: true,
            slideshowSpeed:2000,
            useCSS: false
        });

    });
</script>
</body>
</html>